/**index.wxss**/
page {
  height: 100vh;
  background-color: #efefef !important;
  padding: 16rpx;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;

  >view {
    &:nth-child(n + 2) {
      margin-top: 16rpx;
    }
  }
}

.swiper {

  border-radius: 10rpx;
  overflow: hidden;

  swiper {
    height: 360rpx;

    swiper-item {
      image {
        width: 100%;
        height: 100%;
        border-radius: 10rpx;
      }
    }
  }
}

.info {
  text {
    color: rgb(24, 12, 12);
    font-size: 30rpx;
  }

  //弹性布局
  display: flex;
  //水平方向布局 首尾项目贴边，中间项目等距分布‌
  justify-content: space-between;
  background-attachment: #fff;
  padding: 20rpx 16rpx;
  border-radius: 10rpx;


}

.good-nav {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx 16rpx;
  border-radius: 10rpx;

  view {
    display: flex;
    flex-direction: column;
    //垂直对齐
    align-items: center;

    image {
      width: 80rpx;
      height: 80rpx;
      ;
    }

    text {
      font-size: 28rpx;
      margin-top: 12rpx;
      color: rgb(24, 12, 12);
    }
  }
}


.good-hot {
  background-color: #fff;
  padding: 16rpx;
  border-radius: 10rpx;

  .scroll-x{
    width: 100%;
    white-space: nowrap;

    view{
      display: inline-block;
      width: 320rpx;
      height: 440rpx;
      margin-right: 16rpx;

      .good-item{
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        text{
          &:nth-of-type(1){
            font-weight: bold;
          }
        }
      }
      
      image{
        width: 100%;
        height: 320rpx;
      }

      &:last-child{
        margin-right: 0;
      }
    }
  }

  text {
    font-size: 36rpx;
    color: rgb(24, 12, 12);
  }

}